<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Demo: Custom Modules with CDN</title>
		<link rel="stylesheet" href="../../../resources/style/demo.css" media="screen">
    	<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dijit/themes/claro/claro.css" media="screen">
	</head>
	<body class="claro">
		<h1>Demo: Custom Modules with CDN</h1>

		<!-- note that you can always create a dojoConfig object instead of putting everything into data-dojo-config
		     if you want -->
		<script>
			var dojoConfig = {
				dojoBlankHtmlUrl: location.pathname.replace(/\/[^/]+$/, '') + '/blank.html',
				packages: [{
					name: 'custom',
					location: location.pathname.replace(/\/[^/]+$/, '') + '/js/custom'
				}]
			};
		</script>
		<!-- load dojo and provide config via data attribute -->
		<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8.3/dojo/dojo.js"></script>
		<script>
			// load our custom/Hello module and wait for the DOM to be ready
			require([ "custom/Hello", "dojo/domReady!" ], function(Hello){
				// create our custom dialog
				var w = new Hello({
					id: "hello",
					content: "Hello World!"

				// place it in the DOM
				}).placeAt(document.body);

				// show it
				w.show();
			});
		</script>
	</body>
</html>